.container {
    width: 98%;
    position: relative;
}

.content-pad-right {
    margin-right: 4%;
}

.content-pad-left {
    margin-left: 4%;
}

audio,
img,
video {
    max-width: 100%;
}

@media screen and (max-width:480px) {
}

@media screen and (max-width: 768px) {
    html {
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
    }

    body {
        font-size: 82.5%;
    }

    .container {
        width: 92%;
        margin: 0 auto;
    }

    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_full {
        float: none;
        width: 100%;
        margin: 0 0 2.5em;
    }

    .content-pad-left,
    .content-pad-right {
        margin-left: 0;
        margin-right: 0;
    }
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
    display: block;
}

* html .clearfix {
    height: 1%;
}



/*#region Declare */
.wp100 {
    width: 100%;
}

.wp70 {
}

.wp60 {
    width: 59.5%;
}

.wp40 {
    width: 39.5%;
}

.wp50 {
    width: 50%;
}

.wp30 {
    width: 30%;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.center {
    text-align: center;
}
/*#endregion */
